<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jstl/core" lang="pt"
	template="/common/templates/template.xhtml">

	<ui:define name="body">
		<h:form>
			<p:panel style="height: 220px;margin: 15px;15px;15px;15px;">
				<div style="display: block; float: left; margin-right: 5px; line-height: 24px;" align="left">
					<h:outputLabel value="Nome:" for="nome" />
					<br />
					<h:outputLabel value="Data de nascimento: " for="dtNascimento" />
					<br />
					<h:outputLabel value="Estado civil:" for="estadoCivil" />
					<br />
					<h:outputLabel value="Nome do conjugue:" for="nomeConjugue" />
					<br />
					<h:outputLabel value="Naturalidade:" for="naturalidade" />
					<br />
					<h:outputLabel value="CPF:" for="cpf" />
					<br />
					<h:outputLabel value="RG:" for="rg" />
					<br />
					<h:outputLabel value="Sexo:" for="sexo" />
				</div>
				<div style="display: block; float: left;" align="left">
					<p:inputText id="nome" value="#{membroBean.membro.nome}" size="50"/>
					<br />
					<p:calendar id="dtNascimento" value="#{membroBean.membro.dataNascimento}" datePattern="dd/MM/yyyy"/>
					<br />
					<p:selectOneMenu id="estadoCivil" value="#{carregarCombo.estadoCivil}">
						<f:selectItem itemLabel="Selecione" itemValue="00" />
						<f:selectItems value="#{carregarCombo.estadoCivilSelectItem}" />
						</p:selectOneMenu>
					<br />
					<p:inputText id="nomeConjugue" value="#{membroBean.membro.nomeConjugue}" size="50" />
					<br />
					<p:inputText id="naturalidade" value="#{membroBean.membro.naturalidade}" size="50"/>
					<br />
					<p:inputText id="cpf" value="#{membroBean.membro.cpf}" size="20"/>
					<br />
					<p:inputText id="rg" value="#{membroBean.membro.rg}" size="20" maxlength="11"/>
					<br />
					<p:selectOneMenu id="sexo" value="#{membroBean.membro.sexo}">
						<f:selectItem itemLabel="Selecione" itemValue="00" />
						<f:selectItem itemLabel="Feminino" itemValue="F" />
						<f:selectItem itemLabel="Masculino" itemValue="M" />
					</p:selectOneMenu>
				</div>
			</p:panel>
			
			<p:panel style="height: 90px;margin: 15px;15px;15px;15px;">
				<div style="display: block; float: left; margin-right: 5px; line-height: 24px;" align="left">
					<h:outputLabel value="Telefone celular (1): " for="telCelular1" />
					<br />
					<h:outputLabel value="Telefone residencial: " for="telResidencial" />
					<br />
					<h:outputLabel value="E-Mail: " for="email" />
				</div>
				<div style="display: block; float: left;" align="left">
					<p:inputText id="telefoneCelular1" value="#{membroBean.membro.telefoneCelular1}" size="15"/>
					<br />
					<p:inputText id="telefoneResidencial" value="#{membroBean.membro.telefoneResidencial}" size="15"/>
					<br />
					<p:inputText id="email" value="#{membroBean.membro.email}" size="50"/>
				</div>
				<div style="display: block; float: left; margin-left: 20px; line-height: 24px;" align="left">
					<h:outputLabel value="Telefone celular (2): " for="telCelular2" />
					<br />
					<h:outputLabel value="Telefone comercial: " for="telComercial" />
				</div>
				<div style="display: block; float: left;" align="left">
					<p:inputText id="telefoneCelular2" value="#{membroBean.membro.telefoneCelular2}" size="15"/>
					<br />
					<p:inputText id="telefoneComercial" value="#{membroBean.membro.telefoneComercial}" size="15"/>
				</div>
			</p:panel>
			<p:panel style="height: 110px;margin: 15px;15px;15px;15px;">
				<div style="display: block; float: left; margin-right: 5px; line-height: 24px;" align="left">
					<h:outputLabel value="Endereço: " for="endereco" />
					<br />
					<h:outputLabel value="Complemento: " for="complemento" />
					<br />
					<h:outputLabel value="Cidade: " for="cidade" />
					<br />
					<h:outputLabel value="UF:" for="uf" />
				</div>
				<div style="display: block; float: left; margin-right: 5px;" align="left">
					<p:inputText id="endereco" value="#{membroBean.membro.endereco}" size="70" style="margin-bottom: 2px;"/>
					<br />
					<p:inputText id="complemento" value="#{membroBean.membro.complemento}" size="60" style="margin-bottom: 2px;"/>
					<br />
					<p:inputText id="cidade" value="#{membroBean.membro.cidade}" size="50" style="margin-bottom: 2px;"/>
					<br />
					<p:selectOneMenu id="uf" value="#{carregarCombo.uf}">
						<f:selectItem itemLabel="Selecione" itemValue="00" />
						<f:selectItems value="#{carregarCombo.ufSelectItem}" />
					</p:selectOneMenu>

				</div>
				<div style="display: block; float: left; margin-left: 20px; line-height: 24px;" align="left">
					<h:outputLabel value="Bairro: " for="bairro" />
					<br />
					<h:outputLabel value="CEP: " for="cep" />
				</div>
				<div style="display: block; float: left;" align="left">
					<p:inputText id="bairro" value="#{membroBean.membro.bairro}" size="20" />
					<br />
					<p:inputText id="cep" value="#{membroBean.membro.cep}" size="10"/>
				</div>
			</p:panel>
			<p:panel style="height: 90px;margin: 15px;15px;15px;15px;">
				<div style="display: block; float: left; margin-right: 5px; line-height: 24px;" align="left">
					<h:outputLabel value="Função / Ministério na igreja: " for="funcaoIgreja" />
					<br />
					<h:outputLabel value="Batizado: " for="batizado" />
				</div>
				<div style="display: block; float: left; margin-right: 5px;" align="left">
					<p:selectOneMenu id="ministerioCombo" value="#{carregarCombo.ministerio}">
						<f:selectItems value="#{carregarCombo.ministerioListSelectItem}" noSelectionValue="selecione"/>
					</p:selectOneMenu>
					<!-- 
					<h:selectOneMenu value="#{cadastrarSistemaAction.responsavelSistema}" id="gestorUsu" label="responsavel" required="true">
						<s:selectItems value="#{comboResponsaveisSistema}" var="responsavel" label="#{responsavel.nome}" itemValue="#{responsavel.nome}" noSelectionLabel="Selecione"/>
					</h:selectOneMenu>
					 -->
					<br />
					<p:selectOneMenu id="batizado" value="#{membroBean.membro.batizado}">
						<f:selectItem itemLabel="Selecione" itemValue="00" />
						<f:selectItem itemLabel="Sim" itemValue="S" />
						<f:selectItem itemLabel="Não" itemValue="N" />
					</p:selectOneMenu>
				</div>
				<div style="display: block; float: left; margin-left: 20px; margin-right: 5px; line-height: 24px;" align="left">
					<h:outputLabel value="Data do Batismo: " for="dtBatismo" />
				</div>
				<div style="display: block; float: left;" align="left">
					<p:calendar id="dtBatismo" value="#{membroBean.membro.dataBatismo}" datePattern="dd/MM/yyyy"/>
				</div>
			</p:panel>
			<p:panel style="margin: 15px;15px;15px;15px;">
				<div align="left">
					<p:commandButton action="#{membroBean.createMembroEnd()}" value="#{msgs.create}" />
				</div>
			</p:panel>
		</h:form>
	</ui:define>
</ui:composition>